@use './normalize';
@use './reset';

html {
  --bg-color: #a0cfff;
  --text-color: #bfcbd9;
  --hover-text-color: #ff6700;
  // 左侧菜单栏
  // 背景色
  --siderbar-bg-color: #304156;
  --siderbar-bg-active-color: #263445;
  --siderbar-menu-item-bg-color: #1f2d3d;
  // --siderbar-bg-active-color: #263445;
  // 文字颜色
  --siderbar-text-color: #bfcbd9;
  --siderbar-text-active-color: #409eff;
}

/* Variables */

// Base color
$blue: #324157;
$light-blue: #3a71a8;
$red: #c03639;
$pink: #e65d6e;
$green: #30b08f;
$tiffany: #4ab7bd;
$yellow: #fec171;

// Sidebar
$sider-bar-width: 200px;
// $subMenuBg: #1f2d3d;
// $subMenuHover: #001528;
// $subMenuActiveText: #f4f4f5;
// $menuBg: #fff;
// $menuText: #162b64;
// $menuActiveText: #435ebe; // Also see settings.sidebarTextTheme

// // Login page
// $lightGray: #eee;
// $darkGray: #889aa4;
// $loginBg: #2d3a4b;
// $loginCursorColor: #fff;
// $inputBg: rgb(0 0 0 / 10%);
$border: rgb(255 255 255 / 10%);

#app {
  height: 100%;
}

.container {
  overflow: hidden;
  padding: 15px;
  width: 100%;
  height: 100%;
}

.iconfont {
  margin-right: 5px;
  font-size: 18px;
}
